/** When your routing table is too long, you can split it into small modules **/

import Layout from '@/layout'

const componentsRouter = {
  path: '/components',
  component: Layout,
  redirect: 'noRedirect',
  name: 'ComponentDemo',
  meta: {
    title: '人员管理',
    icon: 'component'
  },
  children: [
    {
      path: 'tinymce',
      component: () => import('@/views/components-demo/tinymce/index'),
      name: 'tinymce',
      meta: { title: '角色管理' }
    },
    {
      path: 'markdown',
      component: () => import('@/views/userInterface/index'),
      name: 'MarkdownDemo',
      meta: { title: '用户界面' }
    },
    {
      path: 'json-editor',
      component: () => import('@/views/studentInterface/index'),
      name: 'JsonEditorDemo',
      meta: { title: '学生管理' }
    },
    {
      path: 'split-pane',
      component: () => import('@/views/teacher/index'),
      name: 'SplitpaneDemo',
      meta: { title: '教师管理' }
    },
    {
      path: 'avatar-upload',
      component: () => import('@/views/components-demo/customer.vue'),
      name: 'AvatarUploadDemo',
      meta: { title: '客户管理' }
    }
  ]
}

export default componentsRouter
